$(document).ready(function() {
    // 点击按钮时显示模态框
    $('#openClassButton').click(function() {
        $('#classModal').modal('show');
    });

    // 提交表单时通过 AJAX 发送数据
    $('#classForm').submit(function(event) {
        event.preventDefault(); // 阻止表单的默认提交行为

        // 获取用户输入的数据
        var className = $('#className').val();
        var courseName = $('#courseName').val();

        // 通过 AJAX 发送数据到后端
        $.ajax({
            url: '/class/establish_class', // 后端处理请求的路由
            type: 'POST',
            data: {
                className: className,
                courseName: courseName
            },
            success: function(response) {
                if (response.error) {
                    alert(response.error);
                } else {
                    alert('班级创建成功！');
                    $('#classModal').modal('hide'); // 隐藏模态框
                    // 可以在这里刷新页面或更新页面以反映新的班级
                }
            },
            error: function(error) {
                alert('班级创建失败，请重试！');
            }
        });
    });
});
